<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>vue practice</title>
</head>
<body>
    <h2>PERSONAL VUE PRACTICE</h2>
    <hr>
    <br>
    <ol>
        <li><a href="./example/helloWorld.html">hello world</a></li>  
        <li><a href="./example/v-if.html">v-if & v-else & v-show</a></li>
        <li><a href="./example/v-for.html">v-for</a></li>
        <li><a href="./example/v-text & v-html.html">v-html & v-text</a></li>
        <li><a href="./example/v-on.html">v-on</a></li>
        <li><a href="./example/v-model.html">v-model</a></li>
        <li><a href="./example/v-bind.html">v-bind</a></li>
    </ol>

    <hr>
    <h2>VUE 全局API</h2>
    <ol>
        <li><a href="./example/vue-directive.html">vue.directive自定义指令</a></li>
        <li><a href="./example/vue-extend.html">vue.extend扩展器的延伸</a></li>
        <li><a href="./example/vue-set.html">vue.set全局操作</a></li>
        <li><a href="./example/construct.html">vue的销毁和函数生命周期</a></li>
        <li><a href="./example/template.html">template模板</a></li>
        <li><a href="./example/component.html">component</a></li>
        <li><a href="./example/component-props.html">component.props</a></li>
        <li><a href="./example/component-fatherson.html">父子组件</a></li>
        <li><a href="./example/component-label.html">component标签</a></li>
    </ol>
    <hr>
    <h2>VUE 构造器里的选项</h2>
    <ol>
        <li><a href="./example/computed-Option.html">computed-Option</a></li>
        <li><a href="./example/methods-option.html">methods-option</a></li>
        <li><a href="./example/watch.html">Watch</a></li>
        <li><a href="./example/Mixins.html">Mixins</a></li>
        <li><a href="./example/Extends.html">Extends</a></li>
    </ol>
    <hr>
    <h2>VUE 实例和内部组件</h2>
    <ol>
        <li><a href="./example/example.html">实例入门</a></li>
        
        
    </ol>
</body>
</style>
</html>